<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="admin/include :: resource-header">header goes here.</div>
</head>

<body>

<div class="am-g tpl-g">
    
    <div th:replace="admin/include :: top">header goes here.</div>
    
    
    <div th:replace="admin/include :: leftmenu">left menu goes here</div>
    
    <!-- content goes here -->
    <div class="tpl-content-wrapper">
        <div class="row-content am-cf">
            <div class="row">
                <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
                    <div class="widget am-cf">
                        <div class="widget-head am-cf">
                            <div class="widget-title  am-cf" th:text="${title}">数据添加</div>
                        </div>
                        <div class="widget-body  am-fr">
    
                            <div class="am-u-sm-12">
                                <form data-action="/admin/doAdd" class="am-form" id="cAdd" data-location="/admin/manager/index">
                                    <div class="am-form-group">
                                        <label class="am-form-label">用户名：</label>
                                        <input type="text" maxlength="20" name="username" placeholder="输入用户名 6-20"
                                               class="js-ajax-validate" data-url="/admin/manager/exists/"
                                               data-validation-message="用户名已经被注册,请更换." required>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label class="am-form-label">下拉选框（普通）：</label>
                                        <select name="rids" placeholder="请选择角色，可多选">
                                            <option value="1">超级管管理员</option>
                                            <option value="2">超级管管理员1</option>
                                            <option value="3">超级管管理员2</option>
                                            <option value="3">超级管管理员3</option>
                                        </select>
                                    </div>
                                    
                                    <div class="am-form-group">
                                        <label class="am-form-label">select控件（单选）：</label>
                                        <select name="rids" data-am-selected="{btnWidth:'100%'}" placeholder="请选择角色，单选">
                                            <option value="1">超级管管理员</option>
                                            <option value="2">超级管管理员1</option>
                                            <option value="3">超级管管理员2</option>
                                            <option value="3">超级管管理员3</option>
                                        </select>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label class="am-form-label">select控件（多选）：</label>
                                        <select name="rids" multiple data-am-selected="{btnWidth:'100%'}" placeholder="请选择角色，多选">
                                            <option value="1">超级管管理员</option>
                                            <option value="2">超级管管理员1</option>
                                            <option value="3">超级管管理员2</option>
                                            <option value="3">超级管管理员3</option>
                                        </select>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label class="am-form-label">chosen控件（多选）：</label>
                                        <select name="rids" multiple data-type="chosen" data-placeholder="请选择角色，多选，最多选3项">
                                            <option value="1">超级管管理员</option>
                                            <option value="2">超级管管理员1</option>
                                            <option value="3">超级管管理员2</option>
                                            <option value="3">超级管管理员3</option>
                                        </select>
                                    </div>
            
                                    <div class="am-form-group">
                                        <label class="am-form-label">密码：</label>
                                        <input type="password" name="password" minlength="6" maxlength="20"
                                               id="password" placeholder="请输入密码 6-20" required>
                                    </div>
            
                                    <div class="am-form-group">
                                        <label class="am-form-label">确认密码：</label>
                                        <input type="password" name="repass" minlength="6" maxlength="20"
                                               placeholder="请确认密码"
                                               data-equal-to="#password" data-validation-message="请输入跟上面一致的密码" required>
                                    </div>
            
                                    <div class="am-form-group">
                                        <label>单选：</label>
                                        <label class="am-radio-inline">
                                            <input type="radio" value="1" name="radio" data-type="icheck"> item_1
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" value="0" name="radio" data-type="icheck"> item_2
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" value="0" name="radio" data-type="icheck"> item_3
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" value="0" name="radio" data-type="icheck"> item_4
                                        </label>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label>多选：</label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="1" name="cbox"data-type="icheck"> item_1
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="0" name="cbox" data-type="icheck"> item_2
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="0" name="cbox" data-type="icheck"> item_3
                                        </label>
                                        <label class="am-checkbox-inline">
                                            <input type="checkbox" value="0" name="cbox" data-type="icheck"> item_4
                                        </label>
                                    </div>
                                    
                                    <div class="am-form-group">
                                        <label>Switch 开关控件：</label>
                                        <div class="tpl-switch">
                                            <input type="checkbox" data-type="switch" class="ios-switch tpl-switch-btn am-margin-top-xs">
                                            <div class="tpl-switch-btn-view"><div></div></div>
                                        </div>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label>日期选择：</label>
                                        <div class="am-input-group">
                                            <input type="text" id="date" placeholder="请选择日期" />
                                            <a class="am-input-group-btn">
                                                <button class="am-btn am-btn-default" type="button">
                                                    <i class="icon-th am-icon-calendar"></i></button>
                                            </a>
                                        </div>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label>时间选择：</label>
                                        <div class="am-input-group">
                                            <input type="text" id="time" placeholder="请选择时间" />
                                            <a class="am-input-group-btn">
                                                <button class="am-btn am-btn-default" type="button">
                                                    <i class="icon-th am-icon-clock-o"></i></button>
                                            </a>
                                        </div>
                                    </div>
    
                                    <div class="am-form-group" id="example">
                                        <label>Vue数据双向绑定： {{ message }}</label>
                                        <div>
                                            <textarea rows="5" v-model="message"></textarea>
                                        </div>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label class="am-form-label">图片上传</label>
                                        <div class="am-form-group clearfix">
                                            <div id="image-box"></div>
                                            <span type="button" id="upload-btn" class="img-upload">
                                                <i class="am-icon-plus am-icon-btn" title="添加图片"></i>
                                            </span>
                                        </div>
                                        <input type="text" name="pic" id="pic" placeholder="请上传图片" class="not-display"
                                               required>
                                    </div>
    
                                    <div class="am-form-group">
                                        <label>编辑器：</label>
                                        <div>
                                            <textarea rows="5" name="content"></textarea>
                                        </div>
                                    </div>
    
                                    <div class="am-form-group">
                                        <button type="submit" class="am-btn am-btn-primary">提交保存</button>
                                    </div>
        
                                </form>
                            </div>
                            
                            <div class="am-u-lg-12">
                                <div th:replace="admin/include :: footer">web page footer goes here.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</div>
<th:block th:replace="admin/include :: resource-footer"></th:block>
<script src="/static/common/js/vue.js"></script>
<script src="/static/common/js/jupload/JUpload.js"></script>
<script src="/static/NKeditor/NKeditor-all-min.js"></script>
<script th:inline="javascript">
    seajs.use("index", function (exports) {
        exports.upload(/*[[${imgUrls}]]*/);
        exports.editor();
    });
    
</script>

</body>

</html>